import styled from 'styled-components';
import { BorderColor } from '../../style-config';

export const ToolbarStyle = styled.div`
	width: 50px;
	height: 100%;
	border-right: 1px solid ${BorderColor};
	background: #dfe0e3;
	padding: 12px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 16px;

	.info {
		width: 100%;
		text-align: center;
		.avatar {
			width: 40px;
			height: 40px;
			margin: 0 auto;
		}
	}
	.icon-list {
		flex: 1;
		width: 100%;
		text-align: center;
		.iconfont {
			margin: 16px 0;
			font-size: 20px;
			cursor: pointer;
		}
	}
`;
